.webchat__rating-form {
    padding: 20px;
    background: #F1F0F0;
    border: 2px solid rgb(230, 230, 230);
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    font-family: "Lucida Grande", sans-serif;
    max-height: calc(100% - 50px);
    overflow: auto;
    z-index: 50000;
}
.webchat__rating-form-button {
    margin-top: 10px;
    border: solid 1px #3366CC;
    color: #3366CC;
    background: white;
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 9px 14px;
    font-weight: 700;
    font-family: "Lucida Grande", sans-serif;
    font-size: 14px;
}

.webchat__rating-form-button-other {
    color: #666666;
    background: #F8F8F8;
}

.webchat__rating-form .webchat__rating-menu-close {
    content: url("../assets/img/x-symbol-svgrepo-com.svg");
    position: absolute;
    right: 8px;
    top: 8px;
    width: 15px;
    border: none;
}

.webchat__rating-form .webchat__rating-menu-close:hover {
    background: none !important;
}

.webchat__rating-form-button-highlight {
    background: rgba(51, 102, 204, 0.3) !important;
}

.webchat__rating-form-recommend-container {
    display: flex;
    margin-top: 10px
}
.webchat__rating-form-recommend-button {
    background: #F0F4FB;
    border: solid 1px #3366CC;
    color: #3366CC;
    border-radius: 4px;
    padding: 5px;
    margin-left: 10px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.webchat__rating-form-recommend-text {
    font-weight: 700;
    margin-top: 10px;
}

.webchat__rating-form-improve-text {
    font-weight: 700;
    margin-top: 5px;
}

.webchat__rating-form-comment-text {
    font-weight: 700;
    margin-top: 10px;
}

.webchat__rating-form-input {
    margin-top: 5px;
    width: 100%;
    resize: none;
    border: solid 1px #DDDDDD;
    background: #F8F8F8;
    border-radius: 3px;
    box-sizing: border-box;
    height: 52px;
}

.webchat__rating-form-confirm-botton {
    font-weight: 700;
    margin-top: 10px;
    color: #FFFFFF;
    background: #3D6ECF;
    border: solid 1px #0544A3;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
    cursor: pointer;
    font-family: "Lucida Grande", sans-serif;
    font-size: 14px;
}